// this is less
.srf_empty_class {
    width: 100%;
    height: 100%;
}

.app-mob-treeview {
    .treeNav {
        padding-left: 14px;
        color: #a5a2a2;
        font-size: 14px;
        margin-bottom: 10px;
        .treeNav-active {
            color: #705697;
        }
        .tree-span {
            padding: 0 3px;
            color: #ccc;
        }
    }
    .tree-partition {
        height: 8px;
        background-color: #ededed;
    }
    .tree-icon {
        color: #ccc;
        font-size: 20px;
    }
    .tree-partition-bigger {
        height: 16px;
    }
    ion-list {
        ion-item {
            font-size: 15px;
            font-family: '微软雅黑';
        }
        ion-item:last-child {
            --inner-border-width: 0;
        }
    }
    .tree_item_label {
        display: flex;
        align-items: center;
        .tree_item_img {
            width: 30px;
            height: 30px;
            margin-right: 10px;
            border-radius: 4px;
        }
        .tree_item_index_text {
            width: 30px;
            height: 30px;
            margin-right: 10px;
            line-height: 30px;
            background: #ccc;
            text-align: center;
            border-radius: 4px;
            color: #fff;
        }
    }
}

.doclib-tree {
    ion-list {
        margin-top: 30px;
    }
    .file_icon {
        color: #ffca28;
        font-size: 26px;
        margin-right: 10px;
    }
    .file_grid {
        .text {
            font-size: 12px;
        }
        .node_item {
            text-align: center;
            .img_content {
                border-radius: 4px;
                img {
                    width: 100%;
                    height: 50px;
                }
            }
        }
        .file_icon_grid {
            color: #ffca28;
            font-size: 45px;
        }
        .file_icon_node_grid {
            color: #ccc;
            font-size: 45px;
        }
        .doc {
            color: #54b5f0;
        }
        .txt {
            color: #ccc;
        }
        .pdf {
            color: #ec0013;
        }
        .zip {
            color: #0078d7;
        }
        .rar {
            color: #8c58a2;
        }
        .xls {
            color: #107c41;
        }
        .ppt {
            color: #c43e1c;
        }
        .mp4 {
            color: #177ecd;
        }
    }
    
    .tree_hearder {
        position: absolute;
        top: 0;
        width: 100%;
        background: #f5f5f5;
        z-index: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .list_style {
            text-align: right;
            font-size: 18px;
            ion-icon {
                margin: 3px;
            }
            ion-icon:nth-child(1) {
                font-size: 18px;
            }
            ion-icon:nth-child(2) {
                font-size: 20px;
                position: relative;
                top: 1.3px;
            }
            .active {
                color: #705697;
            }
        }
    }
}

